Category

Interfaces

CategoryProps

Properties

category?

optional category: SCCategoryType

Category Object

Default

null

CategoryFeedProps?

optional CategoryFeedProps: CategoryFeedProps

Props to spread to Categoryfeed component

Default

{}

categoryId?

optional categoryId: string | number

Id of the category for filter the feed

Default

null

className?

optional className: string

Overrides or extends the styles applied to the component.

Default

null

FeedObjectProps?

optional FeedObjectProps: FeedObjectProps

Props to spread to single feed object

Default

empty object

FeedSidebarProps?

optional FeedSidebarProps: StickyBoxProps

Props to spread to single feed object

Default

{top: 0, bottomBoundary: `#${id}`}

id?

optional id: string

Id of the feed object

Default

'feed'

widgets?

optional widgets: SCFeedWidgetType[]

Widgets to be rendered into the feed

Default

[CategoriesFollowed, UserFollowed]

Functions

Category()

Category(inProps): Element

API documentation for the Community-JS Category Template. Learn about the available props and the CSS API.

This component renders a specific category's template. Take a look at our demo component here

Import

import {Category} from '@selfcommunity/react-templates';

Component Name

The name SCCategoryTemplate can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCCategoryTemplate-root	Styles applied to the root element.
feed	.SCCategoryTemplate-feed	Styles applied to the feed element.

Parameters

Parameter	Type	Description
inProps	CategoryProps

Returns

Element

---

CategorySkeleton()

CategorySkeleton(): Element

API documentation for the Community-JS Category Skeleton Template. Learn about the available props and the CSS API.

Import

import {CategorySkeleton} from '@selfcommunity/react-templates';

Component Name

The name SCCategoryTemplate-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCCategoryTemplate-skeleton-root	Styles applied to the root element.

Returns

Element